
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>底部</title>
    <link rel="stylesheet" href="css/Xiaomi.css">
</head>

<body>
    <div class="max-box-footer-father">
        <div class="nav-befo-father">
            <div class="nav-befo">
                <div class="navigation">
                    <div class="nav1">
                        <span>注册</span>
                        <span>登录</span>
                    </div>
                    <span class="f1"></span>
                    <div class="nav2">
                        <span>帮助中心</span>
                    </div>
                    <span class="f1"></span>
                    <div class="nav3">
                        <span><img src="./img/phone.png">下载APP</span>
                    </div>
                    <span class="f1"></span>
                    <div class="nav4">
                        <span>资质证照 / 协议规则</span>
                    </div>
                    <div class="icon">
                        <img src="./img/botton.png" alt="">
                    </div>

                </div>
            </div>
        </div>
        <div class=" container">
            <div class="container-logo">
                <img src="	https://www.xiaomiyoupin.com/static3/media/logo@2x.30cd8c00.png" alt="">
            </div>
            <ul class="container-list">
                <li><span>限时抢购</span></li>
                <li><span>企业采购</span></li>
            </ul>
            <div class="search">
                <div class="search-logo">
                    <img src="./img/suosou.png">
                    <input type="text" placeholder="搜一搜">
                    <div class="line1">

                    </div>
                </div>
                <div class="search-icon">
                    <img src="./img/gouwuche.png" alt="">
                </div>
            </div>
        </div>
        <div class="roulous">
            <div class="roulous-left">
                <ul class="roulous-list">
                    <li>
                        <span class="roulous-list-li">有品推荐</span>
                        <span>/</span>
                        <span class="roulous-list-li2">手机数码</span>
                    </li>
                    <li> <span class="roulous-list-li">有品推荐</span>
                        <span>/</span>
                        <span class="roulous-list-li2">手机数码</span>
                    </li>
                    <li> <span class="roulous-list-li">有品推荐</span>
                        <span>/</span>
                        <span class="roulous-list-li2">手机数码</span>
                    </li>
                    <li> <span class="roulous-list-li">有品推荐</span>
                        <span>/</span>
                        <span class="roulous-list-li2">手机数码</span>
                    </li>
                    <li> <span class="roulous-list-li">有品推荐</span>
                        <span>/</span>
                        <span class="roulous-list-li2">手机数码</span>
                    </li>
                    <li> <span class="roulous-list-li">有品推荐</span>
                        <span>/</span>
                        <span class="roulous-list-li2">手机数码</span>
                    </li>
                    <li> <span class="roulous-list-li">有品推荐</span>
                        <span>/</span>
                        <span class="roulous-list-li2">手机数码</span>
                    </li>
                    <li> <span class="roulous-list-li">有品推荐</span>
                        <span>/</span>
                        <span class="roulous-list-li2">手机数码</span>
                    </li>
                    <li> <span class="roulous-list-li">有品推荐</span>
                        <span>/</span>
                        <span class="roulous-list-li2">手机数码</span>
                    </li>
                    <li>
                        <p class="roulous-list-li3">DLAB</p>
                    </li>
                </ul>
            </div>
            <div class="roulous-right">
                <div class="wrap">
                    <ul class="list">
                        <li class="item active "><img
                                src="https://res.youpin.mi-img.com/youpinoper/05ac0b74_20e8_464e_8313_b7f029e6e5af.jpeg"
                                / width="859px" height="358px">
                        </li>
                        <li class="item"><img
                                src="https://res.youpin.mi-img.com/youpinoper/db79cea3_31ae_47ce_b225_54144b98c8b0.jpeg"
                                / width="859px" height="358px">
                        </li>
                        <li class="item "><img
                                src="https://res.youpin.mi-img.com/youpinoper/f64b9437_014d_471d_bbe9_5cc910313376.jpeg"
                                / width="859px" height="358px">
                        </li>
                        <li class="item "><img
                                src="https://res.youpin.mi-img.com/youpinoper/95539c6d_1a95_4fe4_bddb_aa5b1c395f54.jpeg"
                                / width="859px" height="358px">
                        </li>
                        <li class="item"><img
                                src="https://res.youpin.mi-img.com/youpinoper/05ac0b74_20e8_464e_8313_b7f029e6e5af.jpeg"
                                / width="859px" height="358px">
                        </li>
                    </ul>
                    <ul class="pointList">
                        <li class="point active" data-index="0"></li>
                        <li class="point " data-index="1"></li>
                        <li class="point " data-index="2"></li>
                        <li class="point" data-index="3"></li>
                        <li class="point" data-index="4"></li>
                    </ul>
                    <button type="button" class="btn" id="goPro">
                        <img src="./img/left.png"> </button>


                    <button type="button" class="btn" id="goNext"><img src="./img/right.png" alt=""></button>
                </div>
            </div>
        </div>
        <div class="fig-father">
            <div class="fig-father2">
                <ul class="list-fig">
                    <li>
                        <img src="./img/1.png" alt="">
                        <p>上新精选</p>
                    </li>
                    <li> <img
                            src="https://img.youpin.mi-img.com/jianyu/531253430ba83f5b88e4ae92cb5a197c.png?w=126&h=126"
                            alt="">
                        <p>小米众筹</p>
                    </li>
                    <li> <img
                            src="https://img.youpin.mi-img.com/jianyu/7a255e71670b9ef4a90723223265b5c5.png?w=126&h=126"
                            alt="">
                        <p>有品秒杀</p>
                    </li>
                    <li> <img
                            src="https://img.youpin.mi-img.com/jianyu/d5bb5c4a30f22e6d141d191bae80c70b.png?w=126&h=126"
                            alt="">
                        <p>有品生活+</p>
                    </li>
                    <li class="a"><img
                            src="https://img.youpin.mi-img.com/jianyu/52ec26cccb4d945aa4bacac4ec7c4622.png?w=126&h=126"
                            alt="">
                        <p>小米自营</p>
                    </li>
                    </li>
                </ul>
            </div>
        </div>
        <div class="box-father">
            <div class="box-befo">
                <p>小米有品众筹<span class="small">永远好奇 永远年轻</span><span class="small2">更多<img src="./img/right.png"
                            alt=""></span></p>
            </div>
            <div class="box-left">
                <p class="p1">循环风空气净化器</p>
                <p class="p2" title="强力除甲醛，高效能低噪音，净化，凉风，循环一机搞定，智能联动">强力除甲醛，高效能低噪音，净化...</p>
                <p class="p3"><span class="tag">￥</span><span>1999</span></p>
                <img src="https://img.youpin.mi-img.com/shopmain/83963a0de8bd8469c9b3a1e95d81a6d0.png?w=800&h=800"
                    alt="">
                <div class="box-left-button">
                    <img src="./img/x.png">
                    <p class="box-p">150 <span class="box-span-1">人支持</span><span class="box-span-2">热</span><span
                            class="box-span-4">%</span><span class="box-span-3">300</span></p>
                </div>
            </div>
            <div class="box-center">
                <p class="p1">米物三模机械键盘</p>
                <p class="p4"><span class="tag2 ">￥</span>369</p>
                <p class="p5"><img
                        src="https://img.youpin.mi-img.com/shopmain/f3abcf8a2f653a06343124f718a65242.png?w=800&h=800"
                        alt=""></p>
                <div class="box-center-button">
                    <img src="./img/x.png">
                    <p class="box-p">3229 <span class="box-span-1">人支持</span><span class="box-span-2">热</span><span
                            class="box-span-4">%</span><span class="box-span-3">119</span></p>
                </div>
            </div>
            <div class="box-right">
                <p class="p1">智能放大镜</p>
                <p class="p4"><span class="tag2 ">￥</span>14.9</p>
                <p class="p5"><img
                        src="https://img.youpin.mi-img.com/shopmain/64643ef20541d6d4f852d7f6b57c9f8b.png?w=800&h=800"
                        alt=""></p>

                <div class="box-right-button">
                    <img src="./img/x.png">
                    <p class="box-p">11113 <span class="box-span-1">人支持</span><span class="box-span-2">热</span><span
                            class="box-span-4">%</span><span class="box-span-3">119</span></p>
                </div>
            </div>
        </div>
        <div class="kill-father">
            <div class="kill-befo">
                <div class="kill-befo-text">
                    <span class="kill-span">有品秒杀</span>
                    <span class="kill-span2"><img src="./img/download.png">12:00场</span>
                </div>
                <div id="count">
                    <span class="hour">00</span>:
                    <span class="min">00</span>:
                    <span class="sec">00</span>

                </div>
            </div>
            <ul class="kill-list">
                <li>
                    <div class="kill-fig"><img
                            src="https://img.youpin.mi-img.com/shopmain/0b3d229a15fd3b5596bd6dd59a3a5554.jpg" alt="">
                    </div>
                    <div>
                        <p>槲皮素肺结节素</p>
                        <p><span class="tag3">￥</span><span class="tag4">358</span><span class="tag5">￥</span><span
                                class="tag5 a">999</span></p>
                    </div>
                </li>
                <li>
                    <div class="kill-fig"><img
                            src="https://img.youpin.mi-img.com/800_pic/c0bbdac4f2211c11b8735222e42f00d8.jpg" alt="">
                    </div>
                    <div>
                        <p>每日坚果 750g</p>
                        <p><span class="tag3">￥</span><span class="tag4">98</span><span class="tag5">￥</span><span
                                class="tag5 a">299</span></p>
                    </div>
                </li>
                <li>
                    <div class="kill-fig"><img
                            src="https://img.youpin.mi-img.com/shopmain/5bde97dc64b7354a93e4e07971a0056b.jpg" alt="">
                    </div>
                    <div>
                        <p>云米净饮机X2mini</p>
                        <p><span class="tag3">￥</span><span class="tag4">899</span><span class="tag5">￥</span><span
                                class="tag5 a">1799</span></p>
                    </div>
                </li>
                <li class="li-last">
                    <div class="kill-fig"><img
                            src="https://img.youpin.mi-img.com/shopmain/ad30170b0594eb18940ba3a792ca7ba6.jpg" alt="">
                    </div>
                    <div>
                        <p>SK-II 护肤套装</p>
                        <p><span class="tag3">￥</span><span class="tag4">1199</span><span class="tag5">￥</span><span
                                class="tag5 a">2438</span></p>
                    </div>
                </li>


            </ul>


        </div>
        <div class="new">
            <div class="box-befo revise">
                <p>每日新品<span class="small">每天10点 惊喜不断</span><span class="small2">更多<img src="./img/right.png"
                            alt=""></span></p>
            </div>
            <ul class="kill-list revise1">
                <li>
                    <div class="kill-fig"><img
                            src="https://img.youpin.mi-img.com/shopmain/92d826093d7df3a4c5a945b3cbe7059a.jpg" alt="">
                    </div>
                    <div class="kill-word">
                        <p>手动推背单人沙发</p>
                        <p class="revise2">手动推背后仰150°，全面承托，...</p>
                        <p><span class="tag3">￥</span><span class="tag4">1499</span></p>
                    </div>
                </li>
                <li class="kill-word">
                    <div class="kill-fig"><img
                            src="https://img.youpin.mi-img.com/shopmain/a1f110f6d659c53a2f1e1748e0aeccb3.jpg?w=800&h=800"
                            alt="">
                    </div>
                    <div class="kill-word">
                        <p>米家电水壶2</p>
                        <p class="revise2">1.7L容量/双层防烫/STRIX温控器...</p>
                        <p><span class="tag3">￥</span><span class="tag4">99</span></p>
                    </div>
                </li>
                <li>
                    <div class="kill-fig"><img
                            src="https://img.youpin.mi-img.com/shopmain/0dcb081bb6e371214eb366b163db1055.jpg" alt="">
                    </div>
                    <div class="kill-word">
                        <p>牛皮旋转针扣皮带</p>
                        <p class="revise2">细腻皮质 双色两用 时尚百搭</p>
                        <p><span class="tag3">￥</span><span class="tag4">139</span></p>
                    </div>
                </li>
                <li class="li-last">
                    <div class="kill-fig"><img
                            src="https://img.youpin.mi-img.com/shopmain/53f79fe5031668e14372ceb9256647a6.jpg" alt="">
                    </div>
                    <div class="kill-word">
                        <p>莫代尔男士内裤</p>
                        <p class="revise2">TONY HAWK60支莫代尔男士内裤</p>
                        <p><span class="tag3">￥</span><span class="tag4">299</span></p>
                    </div>
                </li>


            </ul>
        </div>
        <div class="max-box-footer">
            <div class="max-box-befo">
                <h2>专属推荐</h2>
            </div>
            <div class="max-box-main">
                <ul class="max-box-list">
                    <li>
                        <div class="max-box-fig">
                            <img
                                src="https://img.youpin.mi-img.com/shopmain/28e4410febe4a4d8b9a6f2fcfc65d5ab.jpg?w=800&h=800">
                            <p>2种供电模式 智能联动控制</p>
                        </div>
                        <div class="max-box-fig-footer">
                            <div class="max-box-png">
                                <span class="png1"><img
                                        src="https://img.youpin.mi-img.com/tag/63770b918f5601039d45b1838b490ce7.png?w=138&h=42">
                                </span>
                                <span class="png2"> <img
                                        src="https://img.youpin.mi-img.com/tag/fae67385f83d33c17693cf58170a7c3b.png?w=108&h=42"></span>
                                <span class="png3"> <img
                                        src="https://img.youpin.mi-img.com/tag/cfef414d5452b47827212441e628b0b6.png?w=126&h=42"></span>
                            </div>
                            <p class="box-max-p">米家智能驱蚊器2</p>
                            <p class="box-max-p2"><span>￥</span>79</p>
                        </div>
                    </li>
                    <li>
                        <div class="max-box-fig">
                            <img
                                src="https://img.youpin.mi-img.com/shopmain/13076b2128255fdaa87090e863cadfe1.png?w=800&h=800">
                            <p>多场景使用，可拆卸折叠</p>
                        </div>
                        <div class="max-box-fig-footer">
                            <div class="max-box-png">

                            </div>
                            <p class="box-max-p">多功能折叠小桌板</p>
                            <p class="box-max-p2"><span>￥</span>87</p>
                        </div>
                    </li>
                    <li>
                        <div class="max-box-fig">
                            <img
                                src="https://img.youpin.mi-img.com/shopmain/465e59bed53e96e3dd81da9eec306833.png?w=800&h=800">
                            <p>果皮光洁明亮 口感香甜</p>
                        </div>
                        <div class="max-box-fig-footer">
                            <div class="max-box-png">
                                <!-- <span class="png1"><img
                                        src="https://img.youpin.mi-img.com/tag/63770b918f5601039d45b1838b490ce7.png?w=138&h=42">
                                </span> -->
                                <span class="png2"> <img
                                        src="https://img.youpin.mi-img.com/tag/fae67385f83d33c17693cf58170a7c3b.png?w=108&h=42"></span>
                                <span class="png3"> <img
                                        src="https://img.youpin.mi-img.com/tag/cfef414d5452b47827212441e628b0b6.png?w=126&h=42"></span>
                            </div>
                            <p class="box-max-p">果皮光洁明亮 口感香甜</p>
                            <p class="box-max-p2"><span>￥</span>62</p>
                        </div>
                    </li>
                    <li class="r">
                        <div class="max-box-fig">
                            <img src="https://img.youpin.mi-img.com/shopmain/84cd335880fca2a68eefafe1faed0395.jpg">
                            <p>温和洁面，净爽控油</p>
                        </div>
                        <div class="max-box-fig-footer">
                            <div class="max-box-png">
                                <span class="png1"><img
                                        src="https://img.youpin.mi-img.com/tag/63770b918f5601039d45b1838b490ce7.png?w=138&h=42">
                                </span>
                                <!-- <span class="png2"> <img
                                        src="https://img.youpin.mi-img.com/tag/fae67385f83d33c17693cf58170a7c3b.png?w=108&h=42"></span>
                                <span class="png3"> <img
                                        src="https://img.youpin.mi-img.com/tag/cfef414d5452b47827212441e628b0b6.png?w=126&h=42"></span> -->
                            </div>
                            <p class="box-max-p">氨基酸洁面慕斯</p>
                            <p class="box-max-p2"><span>￥</span>69</p>
                        </div>
                    </li>
                    <li>
                        <div class="max-box-fig">
                            <img src="https://img.youpin.mi-img.com/shopmain/aac8985400508de3139012dc1e775274.jpg">
                            <p>星级舒适感 ，抗菌不臭脚</p>
                        </div>
                        <div class="max-box-fig-footer">
                            <div class="max-box-png">
                                <span class="png1"><img
                                        src="https://img.youpin.mi-img.com/tag/63770b918f5601039d45b1838b490ce7.png?w=138&h=42">
                                </span>
                                <span class="png2"> <img
                                        src="https://img.youpin.mi-img.com/tag/fae67385f83d33c17693cf58170a7c3b.png?w=108&h=42"></span>
                                <span class="png3"> <img
                                        src="https://img.youpin.mi-img.com/tag/cfef414d5452b47827212441e628b0b6.png?w=126&h=42"></span>
                            </div>
                            <p class="box-max-p">黑武士休闲运动鞋</p>
                            <p class="box-max-p2"><span>￥</span>469</p>
                        </div>
                    </li>
                    <li>
                        <div class="max-box-fig">
                            <img src="https://img.youpin.mi-img.com/shopmain/ec8c6b0da5975b920b577507d9c772e7.jpg">
                            <p>美国进口＞96%开口率</p>
                        </div>
                        <div class="max-box-fig-footer">
                            <div class="max-box-png">
                                <!-- <span class="png1"><img
                                        src="https://img.youpin.mi-img.com/tag/63770b918f5601039d45b1838b490ce7.png?w=138&h=42">
                                </span>
                                <span class="png2"> <img
                                        src="https://img.youpin.mi-img.com/tag/fae67385f83d33c17693cf58170a7c3b.png?w=108&h=42"></span>
                                <span class="png3"> <img
                                        src="https://img.youpin.mi-img.com/tag/cfef414d5452b47827212441e628b0b6.png?w=126&h=42"></span> -->
                            </div>
                            <p class="box-max-p">良品铺子开心果</p>
                            <p class="box-max-p2"><span>￥</span>41.9</p>
                        </div>
                    </li>
                    <li>
                        <div class="max-box-fig">
                            <img src="https://img.youpin.mi-img.com/shopmain/a2bda59eea0c6c5ba9e4dbdb49c097dd.jpg">
                            <p>含60%天然成熟蜂蜜的水果茶</p>
                        </div>
                        <div class="max-box-fig-footer">
                            <div class="max-box-png">
                                <!-- <span class="png1"><img
                                        src="	https://img.youpin.mi-img.com/tag/d5e117c20d9c1c27add96141de3b837f.png?w=78&h=42">
                                </span> -->
                                <span class="png2"> <img
                                        src="https://img.youpin.mi-img.com/tag/fae67385f83d33c17693cf58170a7c3b.png?w=108&h=42"></span>
                                <span class="png3"> <img
                                        src="https://img.youpin.mi-img.com/tag/cfef414d5452b47827212441e628b0b6.png?w=126&h=42"></span>
                            </div>
                            <p class="box-max-p">等蜂来蜂蜜水果茶</p>
                            <p class="box-max-p2"><span>￥</span>55</p>
                        </div>
                    </li>
                    <li class="r">
                        <div class="max-box-fig">
                            <img
                                src="https://img.youpin.mi-img.com/shopmain/9e394604db935c5afa5011922eaa96e5.jpg?w=1080&h=1080">
                            <p>六年研发，纯净领先乳胶</p>
                        </div>
                        <div class="max-box-fig-footer">
                            <div class="max-box-png">
                                <span class="png1"><img
                                        src="https://img.youpin.mi-img.com/tag/63770b918f5601039d45b1838b490ce7.png?w=138&h=42">
                                </span>
                                <span class="png2"> <img
                                        src="https://img.youpin.mi-img.com/tag/fae67385f83d33c17693cf58170a7c3b.png?w=108&h=42"></span>
                                <span class="png3"> <img
                                        src="https://img.youpin.mi-img.com/tag/cfef414d5452b47827212441e628b0b6.png?w=126&h=42"></span>
                            </div>
                            <p class="box-max-p">射科特纯乳胶床垫</p>
                            <p class="box-max-p2"><span>￥</span>409</p>
                        </div>
                    </li>
                    <li>
                        <div class="max-box-fig">
                            <img src="https://img.youpin.mi-img.com/shopmain/502fd52c798ecebe426c25e73aa297ad.jpg">
                            <p>顺滑平整,轻盈柔和</p>
                        </div>
                        <div class="max-box-fig-footer">
                            <div class="max-box-png">
                                <span class="png1"><img
                                        src="https://img.youpin.mi-img.com/tag/63770b918f5601039d45b1838b490ce7.png?w=138&h=42">
                                </span>
                                <span class="png2"> <img
                                        src="https://img.youpin.mi-img.com/tag/fae67385f83d33c17693cf58170a7c3b.png?w=108&h=42"></span>
                                <span class="png3"> <img
                                        src="https://img.youpin.mi-img.com/tag/cfef414d5452b47827212441e628b0b6.png?w=126&h=42"></span>
                            </div>
                            <p class="box-max-p">空气层运动长裤</p>
                            <p class="box-max-p2"><span>￥</span>119</p>
                        </div>
                    </li>
                    <li>
                        <div class="max-box-fig">
                            <img
                                src="https://img.youpin.mi-img.com/shopmain/be366fc21de7f4ce4abed42582f44ee2.png?w=800&h=800">
                            <p>智能恒温，300ml/h大雾量</p>
                        </div>
                        <div class="max-box-fig-footer">
                            <div class="max-box-png">
                                <span class="png1"><img
                                        src="https://img.youpin.mi-img.com/tag/63770b918f5601039d45b1838b490ce7.png?w=138&h=42">
                                </span>
                                <span class="png2"> <img
                                        src="https://img.youpin.mi-img.com/tag/fae67385f83d33c17693cf58170a7c3b.png?w=108&h=42"></span>
                                <span class="png3"> <img
                                        src="https://img.youpin.mi-img.com/tag/cfef414d5452b47827212441e628b0b6.png?w=126&h=42"></span>
                            </div>
                            <p class="box-max-p">米家智能加湿器</p>
                            <p class="box-max-p2"><span>￥</span>169</p>
                        </div>
                    </li>
                    <li>
                        <div class="max-box-fig">
                            <img
                                src="https://img.youpin.mi-img.com/shopmain/98c57f2b126dce618d31c3b02fd56996.jpg?w=1080&h=1080">
                            <p>平移储物，头层牛皮，高承重</p>
                        </div>
                        <div class="max-box-fig-footer">
                            <div class="max-box-png">
                                <span class="png1"><img
                                        src="https://img.youpin.mi-img.com/tag/63770b918f5601039d45b1838b490ce7.png?w=138&h=42">
                                </span>
                                <span class="png2"> <img
                                        src="https://img.youpin.mi-img.com/tag/fae67385f83d33c17693cf58170a7c3b.png?w=108&h=42"></span>
                                <span class="png3"> <img
                                        src="https://img.youpin.mi-img.com/tag/cfef414d5452b47827212441e628b0b6.png?w=126&h=42"></span>
                            </div>
                            <p class="box-max-p">C039真皮储物床</p>
                            <p class="box-max-p2"><span>￥</span>699</p>
                        </div>
                    </li>
                    <li class="r">
                        <div class="max-box-fig">
                            <img
                                src="https://img.youpin.mi-img.com/shopmain/d3dbffec2b3f29d12474170537689a78.jpg?w=1080&h=1080">
                            <p>护脊更透气 睡眠深呼吸</p>
                        </div>
                        <div class="max-box-fig-footer">
                            <div class="max-box-png">
                                <span class="png1"><img
                                        src="https://img.youpin.mi-img.com/tag/63770b918f5601039d45b1838b490ce7.png?w=138&h=42">
                                </span>
                                <span class="png2"> <img
                                        src="https://img.youpin.mi-img.com/tag/fae67385f83d33c17693cf58170a7c3b.png?w=108&h=42"></span>
                                <span class="png3"> <img
                                        src="https://img.youpin.mi-img.com/tag/cfef414d5452b47827212441e628b0b6.png?w=126&h=42"></span>
                            </div>
                            <p class="box-max-p">青少年床垫Air</p>
                            <p class="box-max-p2"><span>￥</span>899</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="side">
            <ul class="side-list">
                <li>
                    <img src="./img/kefu.png">
                    <p>联系客服</p>
                </li>
                <li class="side-li2"><img src="./img/kefu.png">
                    <p>下载App</p>
                </li>
                <li> <img src="./img/kefu.png">
                    <p>联系客服</p>
                </li>
                <li> <img src="./img/kefu.png">
                    <p>联系客服</p>
                </li>
                <li> <img src="./img/kefu.png">
                    <p>联系客服</p>
                </li>
            </ul>
        </div>
        <div class="line"></div>
        <div class="contact">
            <div class="contact-pig">
                <img src="https://www.xiaomiyoupin.com/static3/media/logo@2x.30cd8c00.png">
            </div>
            <div class="contact-text">
                <p>©xiaomiyoupin.com 苏B2-20180351 苏ICP备18025642号-1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <span><img
                            src="https://www.xiaomiyoupin.com/static3/media/record-icon.0c577066.png"></span>logo苏公网安备
                    32010502010244号
                </p>
                <p>企业名称：有品信息科技有限公司 关于我们 入驻有品 知识产权侵权投诉</p>
                <p>平台运营资质证照 医疗器械网络交易服务第三方平台备案凭证</p>
                <p>小米有品平台运营主体变更公告</p>
                <p>南京市建邺区白龙江东街8号3栋9层</p>
            </div>
            <div class="contact-fig">
                <img src="https://www.xiaomiyoupin.com/static3/media/f-logo.76889756.png">
            </div>
        </div>
    </div>
    <script>
        var oCount = document.getElementById('count')
        var spans = oCount.getElementsByTagName('span');

        var endTime = new Date('2021/09/26 00:00:00')//未来时间
        var timer = null

        clearInterval(timer)//启动的时候做个清除
        timer = setInterval(countTime, 1000);

        function countTime() {
            var nowTime = new Date //现在时间
            var lastTime = parseInt((endTime - nowTime) / 1000) //转化成秒
            if (lastTime >= 0) {
                var hour = parseInt(lastTime / 60 / 60 % 24)   //获得小时
                var min = parseInt(lastTime / 60 % 60)   //获得分
                var sec = parseInt(lastTime % 60)   //获得秒
                spans[0].innerHTML = hour;
                spans[1].innerHTML = min;
                spans[2].innerHTML = sec;
            } else {
                clearInterval(timer)
            }
        }


        var items = document.getElementsByClassName("item");
        var points = document.getElementsByClassName("point");
        var goProBtn = document.getElementById("goPro");
        var goNextBtn = document.getElementById("goNext");
        var time = 0;
        var index = 0;
        function clearActive() {
            for (var i = 0; i < items.length; i++) {
                items[i].className = "item";
            }
            for (var i = 0; i < points.length; i++) {
                points[i].className = "point";
            }
        }
        function goIndex() {
            clearActive();
            points[index].className = "point active";
            items[index].className = "item active";
        }
        function goNext() {
            if (index < 4) {
                index++;
            }
            else {
                index = 0;
            }
            goIndex();
        }
        function goPro() {
            if (index == 0) {
                index = 4;
            }
            else {
                index--;
            }
            goIndex();
        }
        goNextBtn.addEventListener("click", function () { goNext(); })
        goProBtn.addEventListener("click", function () { goPro(); })
        for (var i = 0; i < points.length; i++) {
            points[i].addEventListener("click", function () {
                var pointIndex = this.getAttribute("data-index");
                index = pointIndex;
                goIndex();
                time = 0;
            })

        }
        setInterval(function () {
            time++;
            if (time == 20) {
                goNext();
                time = 0;
            }
        }, 100);
    </script>
</body>

</html>